@extends('_layouts.admin')

{{--页面标题--}}
@section('title')DashBoard @stop

{{--body样式追加--}}
@section('body-class')class="page-body"@stop

{{--body--}}
@section('body')
    @include('admin.doms.settings-pane')
    @include('admin.doms.copyright')
    <div class="page-container">
        @include('admin.doms.slider')
        <div class="main-content">
            @include('admin.doms.nav')
            <div class="page-title">
                <div class="title-env">
                    <h1 class="title">仪表盘</h1>
                    <p class="description">查看网站一些统计数据, 了解网站运行状态</p>
                </div>
                <div class="breadcrumb-env">
                    <ol class="breadcrumb bc-1">
                        <li>
                            <a href="{{ url('/admin') }}"><i class="fa-home"></i>后台管理</a>
                        </li>
                        <li class="active">
                            <strong>仪表盘</strong>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-counter" data-count=".num" data-from="0" data-to="99.9" data-suffix="%" data-duration="2">
                        <div class="xe-icon">
                            <i class="linecons-cloud"></i>
                        </div>
                        <div class="xe-label">
                            <strong class="num">10k</strong>
                            <span>动态量</span>
                        </div>
                    </div>
                    <div class="xe-widget xe-counter xe-counter-purple" data-count=".num" data-from="1" data-to="117" data-suffix="k" data-duration="3" data-easing="false">
                        <div class="xe-icon">
                            <i class="linecons-user"></i>
                        </div>
                        <div class="xe-label">
                            <strong class="num">1k</strong>
                            <span>用户量</span>
                        </div>
                    </div>

                    <div class="xe-widget xe-counter xe-counter-info" data-count=".num" data-from="1000" data-to="2470" data-duration="4" data-easing="true">
                        <div class="xe-icon">
                            <i class="linecons-camera"></i>
                        </div>
                        <div class="xe-label">
                            <strong class="num">1000</strong>
                            <span>图片量</span>
                        </div>
                    </div>

                </div>
                <div class="col-sm-9">

                    <div class="chart-item-bg">
                        <div class="chart-label">
                            <div class="h3 text-secondary text-bold" data-count="this" data-from="0.00" data-to="14.85" data-suffix="%" data-duration="1">0.00%</div>
                            <span class="text-medium text-muted">新增用户</span>
                        </div>
                        <div id="pageviews-visitors-chart" style="height: 298px;"></div>
                    </div>

                </div>
            </div>
            @include('admin.doms.footer')
        </div>
    </div>
@stop

{{--底部JS--}}
@section('after-body')
    @parent
    <script src="{{ asset('assets/js/xenon-widgets.js') }}"></script>
    <script src="{{ asset('assets/js/devexpress-web-14.1/js/globalize.min.js') }}"></script>
    <script src="{{ asset('assets/js/devexpress-web-14.1/js/dx.chartjs.js') }}"></script>
    <script src="{{ asset('assets/js/toastr/toastr.min.js') }}"></script>
@stop